@import '@common/styles/index.scss';
.dzq-page {
  background-color: $body-bg-color;
}

.loadingBox{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: transparent;

  .loading{
    animation: loading 1s linear infinite;
  }
}

@keyframes loading
{
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
.container {
  padding: $padding-6n;
  width: 364px;
  border-radius: $border-radius-small;
  background: $white;
  margin: 0 auto;
  box-sizing: border-box;

  .deleteTips {
    color: $text-color-primary;
    .tips {
      width: 100%;
      font-weight: 600;
      font-size: $font-size-middle;
      text-align: center;
      line-height: 22px;
    }
    .content {
      width: 100%;
      font-weight: normal;
      font-size: $font-size-primary;
      text-align: center;
      margin-top: $margin-2n;
      line-height: 20px;
    }
  }
  .btn {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    font-size: $font-size-primary;
    line-height: 36px;

    .exit {
      width: 100%;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
      color: $white;
      padding: 0;
      .navigator {
        width: 100%;
        height: 100%;
      }
    }
  }
}
